<template>
  <div>{{name}}</div>
</template>

<script>
  export default {
    props: {
      name: {
        type: String,
        default: 'defu'
      }
    },
    // 当路由URL发生变化 并且组件被复用时调用
    beforeRouteUpdate (to, from, next) {
      // 此时页面已经渲染  可以使用this实例
      console.log(to.name, from.name)
    }
   }
</script>
